<template>
	<div class="press-container">
		<div class="leftimg"><img :src="pressMes.image" alt="" /></div>
		<div class="rightcontent">
			<div>
				<p>{{ pressMes.name }}</p>
				<p>{{ pressMes.ename }}</p>
			</div>
			<div>
				<div class="btndiv open_shangqiao" @click="openShangqiao">
					<!-- <p><a href="https://affim.baidu.com/cps/chat?siteId=18271377&userId=41670943&siteToken=97e9ac08cd101067ab468ac42e0a1c6e&cp=http%3A%2F%2Fwww.zwcbtsbk.com%2F%23%2F&cr=&cw=">立即咨询</a></p> -->
					<p>立即咨询</p>
				</div>
			</div>
		</div>

	</div>
</template>

<script>
	export default {
		name: 'PressVue',
		props: {
			pressMes: {
				type: Object,
				default: {
					image: '',
					name: '',
					ename: ''
				}
			}
			// pressMes: { type: Object, default: { url: '', chName: '学术专著出版', enName: 'ACADEMIC USICATON' } }
		},

		data() {
			return {
				pressMes1: this.pressMes,
			}
		},
		methods:{
			openShangqiao(){
				window.open('https://affim.baidu.com/cps/chat?siteId=18271377&userId=41670943&siteToken=97e9ac08cd101067ab468ac42e0a1c6e&cp=http%3A%2F%2Fwww.zwcbtsbk.com%2F%23%2F&cr=&cw=', 'windowForBridgeIM', 'left=200,top=200,width=680,height=580,location=no,r esizable=yes,status=no,toolbar=no,menubar=no');
			}
		}

	}
</script>

<style scoped>
	.press-container {
		width: 350px;
		height: 200px;
		display: flex;
		flex-direction: row;
		background-color: white;
	}



	.press-container>div:last-child {
		flex: 1;
	}

	.leftimg {
		padding: 10px 10px;
		height: 170px;
		width: 120px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.leftimg img {
		height: 100%;
		width: 100%;
	}

	.rightcontent {
		display: flex;
		flex-direction: column;
	}

	.rightcontent>div {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-bottom: 10px;
	}

	.rightcontent p {
		color: rgb(6, 63, 90);
		font-family: PingFang SC;
		font-size: 22px;
		/* line-height: 22px; */
		letter-spacing: 0px;
		text-align: left;
	}

	.rightcontent p:nth-child(1) {
		font-size: 22px;
		/* line-height: 22px; */
	}

	.rightcontent p:nth-child(2) {
		font-size: 12px;
		/* line-height: 12px; */
		margin-top: 10px;
	}

	.btndiv {
		width: 100px;
		height: 34px;
		background: rgb(36, 121, 125);
		border-radius: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.btndiv:hover{
		cursor: pointer;
	}

	.btndiv p {
		font-size: 16px;
		color: white;
		/* line-height: 34px; */
		margin: 0;
		padding: 0;
	}
	.btndiv p a{
		text-decoration: none;
	color: white;
	}
</style>
